<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WP Book Shop Theme</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="page_margins">
  <div id="page">
    <div id="header">
      <div class="float_left logo"><a href="#"><img src="images/logo.png" alt="" /></a></div>
      <div class="float_right">
        <div>
          <input name="" type="text" class="txt1 float_left gray_bo m3r"/>
          <input name="" type="text" class="txt1 float_left gray_bo"/>
          <br class="cb" />
        </div>
        <div class="p10t">
          <p class="float_left">
            <input name="" type="checkbox" value="" />
            Remember me</p>
          <p class="float_right"><a href="#">Login</a> | <a href="#">Register</a></p>
          <br class="cb" />
        </div>
      </div>
      <div class="cb"></div>
    </div>
    <div class="mc bg_menu">
      <div id="tabs" class="float_left">
        <ul>
          <li class="current"><a href="#"><span>Home</span></a></li>
          <li><a href="#"><span>About us</span></a></li>
          <li><a href="#"><span>Contact us</span></a></li>
          <li><a href="#"><span>Login</span></a></li>
          <li><a href="#"><span>Add picture</span></a></li>
          <li><a href="#"><span>Add video</span></a></li>
        </ul>
      </div>
      <div class="float_right p10t">
      <div class="search gray_bo">
      	<input name="" type="text" class="txts" value="fdsajfkj fdsj"/>
        <a href="#"><img src="images/search_btn.png" alt="" /></a>
<div class="cl"></div>
      </div>
      </div>
      <div class="cb"></div>
    </div>
    <div id="main">
      <div class="w950">
        <div class="bg_top_main p15t">
          <div class="p10b w890 mc p15t"><h2 class="green"><b>Pham Hong Phuc setting</b></h2>
          <p class="p5t"><a href="#">Profile</a>   |   <a href="#">Connected account</a>   |   <a href="#">Email</a>   |   <a href="#">Payments</a></p></div>
          <p class="fs16 w890 mc br_b p10t"><b class="green">Edit your profile</b></p>
          <div class="w890 mc p10t br_b">
          	<label class="lbl1">Picture:</label><div class="float_left p10b"><img src="images/img_mem.png" alt="" /><br />
            <a href="#">CHANGE</a>
            
            </div><br class="cl"/>
            <label class="lbl1">Full name:</label><input name="" type="text" class="txt3"/><br class="cl"/>
            <label class="lbl1">&nbsp;</label><p class="gray_color float_left p10b">©2010–2011 VideoPromotion. All rights reserved</p>
            <br class="cl"/>
            <label class="lbl1">Website:</label>
            <input name="" type="text" class="txt3"/><br class="cl"/>
            <label class="lbl1">&nbsp;</label><p class="gray_color float_left p10b">©2010–2011 VideoPromotion. All rights reserved</p>
             <br class="cl"/>
            <label class="lbl1">Email:</label>
            <input name="" type="text" class="txt3"/><br class="cl"/>
            <label class="lbl1">&nbsp;</label><p class="gray_color float_left p10b">©2010–2011 VideoPromotion. All rights reserved</p>
             <br class="cl"/>
            <label class="lbl1">Location:</label>
            <input name="" type="text" class="txt3"/><br class="cl"/>
            <label class="lbl1">&nbsp;</label><p class="gray_color float_left p10b">©2010–2011 VideoPromotion. All rights reserved</p>
             <br class="cl"/>
            <label class="lbl1">About you:</label>
            <textarea name="" class="txt4"></textarea>
            <br class="cl"/>
            <label class="lbl1">&nbsp;</label><p class="gray_color float_left p10b">©2010–2011 VideoPromotion. All rights reserved</p>
            <div class="cl"></div>
          </div>
          <div class="w890 mc p15b p15t">
          	<div class="w890 mc">
       		  <div class="br_b">
              <p class="fs16"><b class="green">Check categories that apply</b></p>
              <table align="center" width="890" cellpadding="0" cellspacing="8">
  <tr>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Art</td>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Software / Technology</td>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Art</td>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Software / Technology</td>
  </tr>
    <tr>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Art</td>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Software / Technology</td>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Art</td>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Software / Technology</td>
  </tr>
    <tr>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Art</td>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Software / Technology</td>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Art</td>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Software / Technology</td>
  </tr>
    <tr>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Art</td>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Software / Technology</td>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Art</td>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Software / Technology</td>
  </tr>
    <tr>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Art</td>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Software / Technology</td>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Art</td>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Software / Technology</td>
  </tr>
    <tr>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Art</td>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Software / Technology</td>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Art</td>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Software / Technology</td>
  </tr>
    <tr>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Art</td>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Software / Technology</td>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Art</td>
    <td width="25%" align="left" valign="top" height="20"><input name="" type="checkbox" value="" />&nbsp;Software / Technology</td>
  </tr>
  
</table>
	</div>
<br />
        
           <div class="red_bg float_left"><a href="#">save change</a></div>
           <div class="cl"></div>
            </div>
   	      </div>
       
        </div>
      </div>
    </div>
    <div id="footer">
    	<div class="w910 mc">
        	<h1>Nhà tài trợ chính</h1>
            <div class="bg_spon">
            	<ul>
                	<li><a href="#"><img src="images/logo.png" width="237" height="68" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo.png" width="237" height="68" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo.png" width="237" height="68" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo.png" width="237" height="68" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo.png" width="237" height="68" alt="" /></a></li>
                    <li><a href="#"><img src="images/logo.png" width="237" height="68" alt="" /></a></li>
                </ul>
            </div>
            <div class="w910 p15t">
           	  <table cellpadding="0" cellspacing="5" width="910" align="center">
  <tr>
    <td width="25%" valign="top">
    	<p class="fs18 green">Copyright 2011</p>
        <p class="p10t">©2010–2011 VideoPromotion.<br /> 
All rights reserved</p>
<p>Power by SlopeTracker</p>
    </td>
    <td width="25%" valign="top">
    	<p class="fs18 green">Links</p>
        <p class="p10t"><a href="#">Home</a></p>
<p><a href="#">About us</a></p>
<p><a href="#">Contact us</a></p>
<p><a href="#">Add banner</a></p>
    </td>
    <td width="25%" valign="top">
    	<p class="fs18 green">Help</p>
        <p class="p10t"><a href="#">Publishers</a></p>
<p><a href="#">Advertisers</a></p>
<p><a href="#">How to create a Video</a></p>
<p><a href="#">Add banner</a></p>
    </td>
    <td width="25%" valign="top">
    	<p class="fs18 green">Connect to us</p>
        <div class="p10t"><a href="#"><img src="images/fb1.png" alt="" /></a><a href="#"><img src="images/yt1.png" alt="" /></a></div></td>
  </tr>
</table>

            </div>
        </div>
    </div>
  </div>
</div>
</body>
</html>
